<template>
    <div id="app">
        <img alt="Vue logo" src="./assets/logo.png">
<!--        <HelloWorld msg="Welcome to Your Vue.js App"/>-->
        <div id="nav" style="background-color: mediumseagreen;height: 80px">
        </div>
        <router-view/>
    </div>
</template>

<script>
    // import HelloWorld from './components/HelloWorld.vue'
    import {mapActions} from 'vuex'

    export default {
        name: 'App',
        components: {
            // HelloWorld
        },
        created() {
         /*   this.initLeaveTypes();
            this.initApplyStates();
            this.initAuditStates();*/
        },
        mounted() {

        },
        methods: {
            ...mapActions(['initLeaveTypes','initApplyStates','initAuditStates'])
        }
    }
</script>

<style>
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        margin-top: 60px;
        background-color: floralwhite;
    }
</style>
